<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<style type="text/css">
			body,
			.mui-content {
				text-align: center;
				background-color: #FFFFFF;
			}
			
			.status {
				width: 80%;
				margin: 80px 10% 50px;
				text-align: center;
				border-bottom: 1px solid #BBBBBB;
			}
			
			.pay-info {
				width: 70%;
				margin: 10px 15%;
			}
			
			.pay-info p label {
				width: 35%;
				display: inline-block;
			}
			
			i.iconfont {
				display: block;
				margin: 10px auto;
				width: 150px;
				height: 70px;
				font-size: 70px;
			}
			
			.success {
				color: #2AC845;
			}
			
			p.statustext {
				margin: 15px;
			}
			
			p.payno {
				display: none;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-back mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">支付成功</h1>
		</header>
		<div class="mui-content">
			<div class="status">
				<i class="iconfont success">
					&#xe639;
				</i>
				<span class="success" id="paytitle"></span>
				<p class="statustext"><label>交易类型：</label><span id="paytype"></span></p>
			</div>
			<div class="pay-info">
				<p>
					<label>交易金额：</label>￥<span id="paycount"></span>
				</p>
				<p class="payno">
					<label>订单编号：</label><span id="payno"></span>
				</p>
				<p>
					<label>交易时间：</label><span id="paytime"></span>
				</p>
			</div>
		</div>
		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				console.log(JSON.stringify(self.payinfo));
				$.each(self.payinfo, function(i, o) {
					$("#" + i).text(o);
					if(i == 'payno') {
						$("p.payno").show();
					}
				});
			})
		</script>
	</body>

</html>